<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org" xmlns:margin="http://www.w3.org/1999/xhtml">
<html>
<head>
<title>Rooms</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Motel Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="applijewelleryion/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
	<link th:href="@{/css/buttons.css}" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />	
<script src="js/jquery-1.11.1.min.js"></script>
<!--webfonts-->
<link href='http://fonts.useso.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Open+Sans:400,300italic,300,600' rel='stylesheet' type='text/css'>
   <!--//webfonts-->
<script type="text/javascript" src="js/bootstrap.js">
</script>
	<script type="text/javascript" >//th:src="@{/js/bootstrap.js}"
	var date = new Date();
	var month=date .getMonth()+1;
	var DAY;
	if (date .getDate()<10)
		DAY="0"+date .getDate();
	else
		DAY=date.getDate();
	var DATE=month+"/"+DAY+"/"+date .getFullYear();

	function submits() {
		var text1=document.getElementById("param").value;
		var text2=document.getElementById("datepicker").value;
		var text3=document.getElementById("datepicker1").value;


		if(text1!=""){
			if (text2!="预计入住时间"&&text2!="")//||
				if (text3!="预计离店时间"&&text3!=""){//||
					if (text2<DATE||text2>=text3)
						alert("请确认日期是否正确")
					else {
						var from1data = $("#SearchText").serialize();
						var from2data = $("#In").serialize();
						var from3data = $("#Out").serialize();
						var data=from1data+'&'+from2data+'&'+from3data;///////
						$.ajax({
							//几个参数需要注意一下
							type: "POST",//方法类型
							dataType: "json",//预期服务器返回的数据类型
							url: "/index2" ,//url
							data: data,
							success: function (result) {
								console.log(result);//打印服务端返回的数据(调试用)
								if (result.resultCode == 200) {
									window.location.href="/index2"
								}
								;
							},
							error : function() {
								window.location.href="/select"
							}
						});
					}

				}else {
					alert("请选择预计离店时间");
				}
			else {
				alert("请选择预计入住时间");
			}

		}else
		{ alert("请输入酒店、城市或品牌等关键字"); }

	}

	</script>
</head>
<body>
<!-- banner -->
<div th:replace="~{include/search::search}">
</div>
<div class="details">
<div class="container">
<div class="col-md-7 details-left">
	<img th:src="${hotel.photo1}" class="img-responsive" alt="" width="600" height="600">
</div>
<div class="col-md-5 details-right">
	<span>单人价格：</span><span th:text="${hotel.ratesFrom}"  name="price"></span>
	<li>以最优惠的价格预订服务</li>
	<li>信用卡安全支付</li>
	<li>无预订费</li>
	<p th:text="${hotel.overview}"></p>
</div>
<div class="clearfix"> </div>
<div class="details-top">
	<h3 th:text="${hotel.hotelName}"></h3>
	<h4>地址</h4>
	<p th:text="${hotel.addressline1}"></p>
	<h5>购买在线客房预订，节省2元</h5>
	<h6>有效期：2019年1月1日至2019年12月31日</h6>

</div>

</div>
</div>
		<!-- banner -->
<!-- single -->
	<div class="single">
		<div class="container">
			<div class="single-top">
				<div class="col-md-6 single-left">
					<img src="../images/danrenjian.jpg" class="img-responsive" alt="" style="width: 500px;height: 250px">
				</div>
				<div class="col-md-6 single-right">
					<h3>• 单人间</h3>
					<h5>• 一张大床</h5>
					<h5>• 免费WiFi</h5>
					<h5>• 淋浴以及浴缸</h5>
					<h5>• 基础设施齐全</h5>
					<h6>单价：¥</h6><h6 th:text="${hotel.ratesFrom}"></h6>
					<div class="sinbt">
						<a class="hvr-shutter-in-horizontal" th:href="|/details?id=${hotel.hotelId}&price=${hotel.ratesFrom}&roomtype=2|">立即订购</a>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="single-top">
				<div class="col-md-6 single-right">
					<h3>双人间</h3>
					<h5>• 2张床</h5>
					<h5>• 免费WiFi</h5>
					<h5>• 淋浴以及浴缸</h5>
					<h5>• 禁烟区</h5>
					<h5>• 基础设施齐全</h5>
					<h6>单价：¥</h6><h6 th:text="${hotel.ratesFrom/2+hotel.ratesFrom}"></h6>
					<div class="sinbt">
						<a class="hvr-shutter-in-horizontal" th:href="|/details?id=${hotel.hotelId}&price=${hotel.ratesFrom/2+hotel.ratesFrom}&roomtype=3|">立即订购</a>
					</div>
				</div>
				<div class="col-md-6 single-left">
					<img src="../images/shuangrenjian.jpg" class="img-responsive" alt="" style="width: 500px;height: 250px">
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="single-top">
				<div class="col-md-6 single-left">
					<img src="../images/sirentaofang.jpg" style="width: 500px;height: 250px" class="img-responsive" alt="">
				</div>
				<div class="col-md-6 single-right">
					<h3>私人套房</h3>
					<h5>· 高级的商旅客房，满足您各种差旅需求。房间免费网络畅游和双线电话，让您的工作畅行无阻。智能化一键式客房系统，让您的住店更加便捷。Ipod多媒体音响，VOD高清影视点播，满足您业余时间的娱乐生活。累了？在热带雨林和高级浴缸里彻底放松自己吧！</h5>
					<h6>单价：¥</h6><h6 th:text="${hotel.ratesFrom*2}"></h6>
					<div class="sinbt">
						<a class="hvr-shutter-in-horizontal" th:href="|/details?id=${hotel.hotelId}&price=${hotel.ratesFrom*2}&roomtype=4|">立即订购</a>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		 </div>
	</div>
<!-- registration -->
<!-- footer -->
<div class="footer">
	<div class="container">
		<div class="col-md-2 deco">
			<h4>导航</h4>
			<li><a th:href="@{/}">主页</a></li>
			<li><a th:href="@{/shortcodes.html}">短信通知</a></li>
			<li><a th:href="@{/sigin.html}">登录</a></li>
			<li><a th:href="@{/contact.html}">相关联系</a></li>
		</div>
		<div class="col-md-2 deco">
			<h4>链接</h4>
			<li><a href="#">关于我们</a></li>
			<li><a href="#">法律支持</a></li>
			<li><a href="#">用户须知</a></li>
		</div>
		<div class="col-md-2 deco">
			<h4>社交软件</h4>
			<div class="soci">
				<li><a href="#"><i class="f-1"> </i></a></li>
				<li><a href="#"><i class="t-1"> </i></a></li>
				<li><a href="#"><i class="g-1"> </i></a></li>
			</div>
		</div>
		<div class="col-md-3 cardss">
			<h4>安全支付</h4>
            <li><i class="WeChatPay"></i></li>
            <li><i class="Alipay"></i></li>
            <li><i class="UnionPay"></i></li>
			<div class="clearfix"> </div>
		</div>
		<div class="col-md-3 pos">
			<h4>实时通知</h4>
			<form method="post">
				<input type="text" class="textbox" value="E-mail" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Email';}">
				<div class="smt">
					<input type="submit" value="订阅">
				</div>
			</form>
		</div>
		<div class="clearfix"> </div>
	</div>
</div>
<div class="footer-bottom">
	<div class="container">
		<p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
		</p>
	</div>
</div>
	<!-- footer -->
</body>
</html>